@import "../subs/media";
body{
  background: #f3f3f3;
}
p{
  margin: 0;
}
a:hover,a:focus{
  text-decoration: none;
}
#user__code{
  //background: #f3f3f3;
  margin-bottom: 50px;
  .code__header{
    background: #224C86;
    text-align: center;
    p{
      color: #ffffff;
      font-size: 26px;
      padding: 18px 0;
      margin: 0;
    }
  }
  .code__content{
    margin-top: 93px;
    .content__item{
      width: 500px;
      //height: 500px;
      padding: 30px 50px;
      background: #fff;
      margin: auto;
      .content_code{
        .code_title{
          text-align: center;
          span{
            padding: 0 30px;
            display: inline-block;
          }
        }
        .user__data{
          padding-top: 23px;
          .user_input{
            padding-top: 17px;
            p{
              font-size: 14px;
              color: #4a4a4a;
              line-height: 20px;
              margin: 0;
            }
            .name_input{
              //border-radius: 4px;
              border-bottom: 1px solid #c0c4cc;
              line-height: 44px;
              input{
                width: 100%;
                height: 40px;
                border: none;
                outline: none;
                text-align: center;
                font-size: 28px;
                color: #000;
                font-weight: bold;
                padding: 0 5px;
              }
            }
            .input_wrong{
              color: #EA4448;
              line-height: 25px;
              padding: 0;
              display: none;
              &.active{
                display: block;
              }
            }
          }
        }
        .user__codeg{
          background: #224C86;
          text-align: center;
          padding: 11px 0;
          margin-top: 46px;
          border-radius: 4px;
          cursor: pointer;
          p{
            color: #fff;
            font-size: 20px;
            a{
              color: #fff;
            }
          }
        }
      }
    }
  }
}